<template>
    <div id="app">
<!--        <HelloWorld msg="Welcome to Your Vue.js App"/>-->
        <div id="nav" style="background-color: mediumseagreen;height: 50px;display:flex;align-items:center;color:white;padding-left:20px;box-sizing:border-box;">
        <span>后台管理</span>
        </div>
        <router-view style="height:calc(100% - 50px);overflow:scroll;"/>
    </div>
</template>

<script>
    // import HelloWorld from './components/HelloWorld.vue'
    import {mapActions} from 'vuex'

    export default {
        name: 'App',
        components: {
            // HelloWorld
        },
        created() {
            this.initLeaveTypes();
            this.initApplyStates();
            this.initAuditStates();
        },
        mounted() {

        },
        methods: {
            ...mapActions(['initLeaveTypes','initApplyStates','initAuditStates'])
        }
    }
</script>

<style>
    body{
        margin:0;
        padding:0;
    }
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        height:100vh;
        /* margin-top: 60px; */
        background-color: floralwhite;
    }
    ::-webkit-scrollbar{
        width:0;
        height:0;
    }
</style>
